
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>注册</title>

	<link rel="stylesheet" th:href="@{/css/register.css}">
	<link rel="shortcut icon" th:href="@{/images/adminloginlogo2.webp}">
</head>
<body>
<!--头部-->
<div id="reg_header">
	<div class="reg_h_center">
		<div class="reg_h_left">
			<img th:src="@{/images/logo.jpg}" alt="">
			<h3>欢迎注册</h3>
		</div>
	</div>
</div>


<!--表单内容-->
<div class="reg_back">
	<div class="reg_left">
		<p>新用户注册</p>
	</div>
	<div class="reg_center">
		<div class="reg_form">
			<form th:action="@{/store/register}" method="post">
				<table>
					<span th:text="${tip}"></span>
					<tr>
						<td class="td_left"><label>邮箱</label></td>
						<td class="td_right"><input type="email" name="storeEmail" placeholder="请输入邮箱" class="input"></td>
					</tr>
						<tr>
							<td class="td_left"><label>手机号</label></td>
							<td class="td_right"> <input type="text" name="storePhone" placeholder="请输入手机号" class="input"></td>
							<span style="color: red;" th:text="${null != errors ? errors['storePhone']: ''}"></span>
						</tr>
					<tr>
						<td class="td_left"><label>密码</label></td>
						<td class="td_right"><input type="password" name="storePassword" placeholder="请输入密码" class="input"></td>
					</tr>
					<tr>
						<td class="td_left"><label>确认密码</label></td>
						<td class="td_right"><input type="password" name="storePassword1" placeholder="请再次输入密码" class="input"></td>
					</tr>
					<tr>
						<td class="td_left"><label>店铺名称</label></td>
						<td class="td_right"><input type="text" name="storeName" placeholder="请输入店铺名称" class="input"></td>
					</tr>
					<tr>
						<td class="td_left"><label>店铺地址</label></td>
						<td class="td_right"><input type="text" name="storeAdd" placeholder="请输入店铺地址" class="input"></td>
					</tr>
					<tr>
					<td class="td_left"><label>营业许可证</label></td>
					<td class="td_right"><input type="text" name="busLicense" placeholder="请输入营业许可证" class="input"></td>
				    </tr>

<!--					<tr>-->
<!--						<td class="td_left">-->
<!--							<label>营业许可证</label>-->
<!--						</td>-->
<!--						<div class="imgbox">-->
<!--						   <td class="td_right">-->
<!--							   &lt;!&ndash; 保存头像地址 &ndash;&gt;-->
<!--							<input type="hidden" name="busLicense" id="busLicense">-->
<!--							   &lt;!&ndash; 显示头像 &ndash;&gt;-->
<!--							   <img th:src="@{${store.busLicense}}" width="120" name="imgBusLicense" id="imgBusLicense">-->
<!--						   </td>-->
<!--						</div>-->
<!--						&lt;!&ndash; 点击此 a 标签弹出选择文件对话框 &ndash;&gt;-->
<!--						<a href="javascript:;" id="aImagefile" onclick="toOpenFile()" class="btn upbtn btn-default btn=sm">-->
<!--							<i class="ft-upload-cloud"></i>添加图片-->
<!--						</a>-->
<!--						&lt;!&ndash; 用于上传图片选择文件的控件 &ndash;&gt;-->
<!--						<input type="file" style="display: none" name="imagefile" id="imagefile" onchange="uploadImage()"/>-->
<!--					</tr>-->

<!--					<li class="col-md-3">-->
<!--						<div class="headedit text-center">-->
<!--							<strong>营业许可证</strong>-->
<!--							<div class="imgbox">-->
<!--								&lt;!&ndash;保存图片地址&ndash;&gt;-->
<!--								<input type="hidden" name="busLicense" id="busLicense"/>-->
<!--								&lt;!&ndash;显示头像 &ndash;&gt;-->
<!--								<img class="roundimg" th:src="@{${store.busLicense}}" width="120" name="imgBusLicense" id="imgBusLicense">-->
<!--							</div>-->
<!--							&lt;!&ndash;点击此a标签弹出选择文件对话框 &ndash;&gt;-->
<!--							<a href="javascript:;" id="aImagefile" onclick="toOpenFile()" class="btn upbtn btn-default btn-sm">-->
<!--								<i class="ft-upload-cloud "></i>-->
<!--								<label th:text="${ '上传图片'}">上传图片</label>-->
<!--							</a>-->
<!--							&lt;!&ndash;用于上传图片选择文件的控件 &ndash;&gt;-->
<!--							<input type="file" style="display: none" name="imagefile" id="imagefile" onchange="uploadImage()"/>-->
<!--						</div>-->
<!--					</li>-->

					<tr>
						<td class="td_left"><label>健康许可证</label></td>
						<td class="td_right"><input type="text" name="healthLicense" placeholder="请输入健康许可证" class="input"></td>
					</tr>
					<tr>
						<td class="td_left"><label>经营者姓名</label></td>
						<td class="td_right"><input type="text" name="manageMan" placeholder="请输入经营者姓名" class="input"></td>
					</tr>



					<tr>
						<td class="td_left">
							<label>店铺图标</label>
						</td>
						<td class="td_right">
							<div class="imgbox">
								<input type="hidden" name="storeIcon"  id="storeIcon" th:value="${store.storeIcon}">
								<img  class="roundimg"  th:src="@{${store.storeIcon}}" width="120"
								name="imgStoreIcon" id="imgStoreIcon">
		                    </div>
							<a href="javascript:;" id="aImagefile" onclick="toOpenFile()"
							   class="btn upbtn btn-default btn-sm">
								<i class="ft-upload-cloud "></i>上传图片
							</a>
							<input type="file" style="display: none" name="imagefile"
								   id="imagefile" onchange="uploadImage()" />
						</td>
					</tr>

					<tr>
						<td class="td_left"><label>店铺类别</label></td>
						<td class="td_right"><input type="text" name="categoryId" placeholder="请输入店铺类别" class="input"></td>
					</tr>

					<tr>
					<td class="td_left"><label>店铺简介</label></td>
					<td class="td_right"><input type="text" name="storeIntroduce" placeholder="请输入店铺简介" class="input"></td>
					</tr>

					<tr>
						<td colspan="2" align="center"><input class="btn" type="submit" value="点击注册"/></td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<div class="reg_right">
		<p>已有账号?<a th:href="@{/store/login}" >立即登录</a></p>
	</div>
</div>

<script th:src="@{/js/storeRegister.js}" ></script>
<script th:src="@{/js/jquery.min.js}"></script>
</body>
</html>
